<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0, minimum-scale=1.0, user-scalable=0, initial-scale=1.0, width=device-width" />
    <meta name="format-detection" content="telephone=no, email=no, date=no, address=no">
    <title>用户协议</title>
    <link rel="stylesheet" type="text/css" href="../../css/aui.css" />
    <style>
        body {
            background: #fff;
        }
        .container {
            border: none;
            background-size: 100% 1px;
            background-repeat: no-repeat;
            background-position: top;
            background-image: linear-gradient(0, #eee, #eee 50%, transparent 50%);
            padding: 0px 12px;
        }
        .title {
            font-size: 18px;
            color: #17181A;
            margin-bottom: 12px;
            line-height: 25px;
        }
        .content {
            color: #5C6066;
            font-size: 16px;
            padding: 12px;
            /*line-height: 30px;*/
        }
        [v-cloak] {
            display: none!important;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="container">
            <!-- <div class="title">《平台协议内容》</div> -->
            <div class="content" v-html="dataContent">

            </div>
        </div>
    </div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript" src="../../script/cling.js"></script>
<script type="text/javascript">
    apiready = function() {
        api.parseTapmode();
        vm.init()
    };
    var vm = new Vue({
        el: '#app',
        data: {
            dataContent: ''
        },
        methods: {
            init: function() {

              api.ajax({
                  url: cl.apiServer+ 'agreement/list/1',
                  method: 'get'
              }, function(ret, err) {
                console.log(JSON.stringify(ret));
                 vm.dataContent = ret.data.content
              });
            }
        }
    });
</script>

</html>
